<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>舒波第三天作业</title>
    <link rel="stylesheet" href="./css/css.css">
</head>
<body>
    <!-- log栏 -->
    <nav>
        <!-- logo -->
        <aside>
            <img src="./images/logo.png" alt="">
        </aside>
        <!-- 右边文字 -->
        <aside>
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Services</li>
                <li>Products</li>
                <li>Contacts</li>
            </ul>
        </aside>
    </nav>
    <!-- 下方大图区 -->
    <header>
        <aside><img src="./images/slider-2.jpg" alt=""></aside>
        <aside class="header_right">
            <section><h1>Here We Are</h1></section>
            <section><p>Duis autern vel eurr iriure dolor inhendrerit in vulputate velit essemolestie consequat.</p></section>
            <ul>
                <li><img class="img1" src="./images/pagination.png" alt=""></li>
                <li><img class="img2" src="./images/pagination.png" alt=""></li>
                <li><img class="img3" src="./images/pangination1.png" alt=""></li>
            </ul>
        </aside>
    </header>
    <article>
        <section>
            <aside>
                <img src="./images/page1-img1.png" alt="">
                <div>
                    <h1>Who We Are</h1>
                    <p>Start-Up is one of <span style="color: #ff9000;">free website templates</span> created by TemplateMonster.com team. It's optimized for 1280X1024 screen resolution.</p>
                </div>
            </aside>
            <aside class="aside2">
                <img src="./images/page1-img2.png" alt="">
                <div>
                    <h1>Starting Up...</h1>
                    <p>The PSD source files of this <span style="color:#ff9000 ;">Start-Up Template</span> are available for free for the registered members ofTemplateMonster.com.</p>
                </div>
            </aside>
        </section>
        <section>
            <h1>Welcome to Our <span style="color:#ff9000 ;"> Start-Up</span> Website!</h1>
            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
        </section>
        <section>
            <aside>
                <h1>Our Ideas</h1>
                <div>
                    <img src="./images/page1-img3.jpg" alt="">
                    <h4>Nam Liber tempor</h4>
                    <p>Uwisi eniminim veniam quis nostrud exerci tation ullamcorperex eacom.</p>

                </div>
                <div>
                    <img src="./images/page1-img4.jpg" alt="">
                    <h4>Cum Soluta Nobis</h4>
                    <p>Uwisi eniminim veniam quis nostrud exerci tation ullamcorperex eacom.</p>
                </div>
                <div>
                    <img src="./images/page1-img5.jpg" alt="">
                    <h4>Eleifend Optiongue</h4>
                    <p>Uwisi eniminim veniam quis nostrud exerci tation ullamcorperex eacom.</p>
                </div>
                <footer>
                    <img src="./images/button.png" alt="">
                    <span>Read More</span>
                </footer>
            </aside>
            <aside class="aside2">
                <h1>Latest Events</h1>
                <div>
                    <img src="./images/date.png" alt="">
                    <h4>May,2012</h4>
                    <p><span style="color:#fb9000 ;">Lorem ipsum dolor sit amet consetetur</span> Sadipscing elitriam nonumy eirmod nonumy eirmodtempor invidunt labore.
                    </p>
                </div>
                <div>
                    <img src="./images/date.png" alt="">
                    <h4>May,2012</h4>
                    <p><span style="color:#fb9000 ;">Professional free web templates at</span> www.websitetemplatesonline.com. Flashtemplates.com.Flash Design - the</p>
                </div>
                <footer>
                    <img src="./images/button.png" alt="">
                    <span>Read More</span>
                </footer>
            </aside>
        </section>
    </article>
    <footer id="footer">
        <aside>
            <p>Professional free web templates <span style="color: #0000f1;"> at www.websitetemplatesonline.com. Flashtemplates.com</span>.Flash <br> Design - the Smart Choice.R 2012 Start-Up <br><span style="color: #ffa22a;"> Websife Template</span> by Templatelonster.com</p>
        </aside>
        <aside>
            <ul>
                <li>Fllow Us</li>
                <li><img src="./images/icon-1.jpg" alt=""></li>
                <li><img src="./images/icon-2.jpg" alt=""></li>
                <li><img src="./images/icon-3.jpg" alt=""></li>
            </ul>
        </aside>
    </footer>
</body>
</html>